{% extends 'layout/base01.html' %}


<!--
继承模板后需要修改的地方:
1. 标题
2. 内容 --- 表单
3. 样式 ---- CSS
4. Script --- 事件
-->

<!-- 添加自己页面的内容 -->
<!-- 修改标题 -->
{% block title %}
    用户注册
{% endblock %}

<!-- 修改样式 -->
{% block css %}
    <style>
        #regForm {
            width: 500px;
            margin: 40px auto;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            padding: 30px;
        }
    </style>
{% endblock %}

<!-- 修改内容 -->
{% block content %}
    <form id="regForm">
        <h1 style="text-align: center">用户注册</h1>
        <hr>
        <div class="form-group">
            <label for="id_login">登录名：</label>
            <input type="text" class="form-control" id="id_login" placeholder="请输入登陆名">
        </div>
        <div class="form-group">
            <label for="id_username">用户名：</label>
            <input type="text" class="form-control" id="id_username" placeholder="请输入用户名">
        </div>
        <div class="form-group">
            <label for="id_password">密码：</label>
            <input type="password" class="form-control" id="id_password" placeholder="请输入密码">
        </div>
        <div class="form-group">
            <label for="id_re_password">确认密码：</label>
            <input type="password" class="form-control" id="id_re_password" placeholder="请再次输入密码">
        </div>
        <div class="form-group">
            <label for="id_email">邮箱：</label>
            <input type="email" class="form-control" id="id_email" placeholder="请输入邮箱">
        </div>
        <div class="form-group">
            <label for="id_mobile_phone">手机号码：</label>
            <input type="text" class="form-control" id="id_mobile_phone" placeholder="请输入手机号码">
        </div>
        <div class="form-group">
            <label for="id_code">验证码：</label>
            <div class="clearfix">
                <div class="col-md-6" style="padding-left: 0">
                    <input type="text" class="form-control" id="id_code" placeholder="请输入验证码">
                </div>
                <div class="col-md-6">
                    <input type="button" class="btn btn-success" id="btn01" value="点击获取验证码">
                </div>
            </div>
        </div>
        <button type="submit" class="btn btn-primary" style="width: 120px">注册</button>
    </form>
{% endblock %}

<!-- 修改Script -->
{% block js %}
{% endblock %}


